Objects that are near, or proximate to each other, tend to be grouped together. 靠近的物體容易被歸為一組。
Takeaways 要點
- 鄰近性有助於建立物體間的關聯
- 靠近的元素往往被認為有相似功能
- 鄰近性幫助使用者更快理解資訊
起源 Origins
鄰近性原理源自格式塔心理學，是解釋人類如何將視覺資訊組織成有意義模式的五大原則之一（包括：鄰近性、相似性、連續性、封閉性和連線性）。
形狀被空格分成左右兩組。雖然每組裡的形狀都不一樣，但我們還是能清楚地看出這是兩個不同的組。
谷歌搜尋結果頁面中的間距既提高了頁面的可讀性，也讓每個搜尋結果形成資訊組。
在左側，列表中的條目間距和對齊方式相同。這意味著它們的重要性相同，屬於一個單獨的組。右側展示了兩個列表，列表間的間距大於組內間距，讓大腦自然將其理解為兩個獨立的組。縮排的列表項則表明其與上級條目相關。Place Related Elements near Each Other 將相關元素彼此靠近放置
惠靈頓市議會網站的桌面版設計很簡單：搜尋按鈕和主導航欄之間留有空白間距。雖然搜尋按鈕用的是和主導航一樣的字型，但這個空白距離讓使用者能清楚地知道它是一個獨立的功能。
而在平板電腦上因為螢幕較小，就沒法保持這樣的間距了。為了解決這個問題，設計師把搜尋欄移到了上方，和其他工具按鈕放在一起。
看左邊的圖：文字排列得很近的部分自然形成了一組，讓我們容易看懂。看右邊的圖：即使看不清具體文字內容，我們也能清楚地看出哪些內容是一組的。
CA.gov網站的設計問題：在表單中，"新增"按鈕放在了錯誤的位置。它被放在了其他不相關的按鈕旁邊，而且離表單的主要內容太遠，所以使用者很難找到這個按鈕。Far-Away Elements Appear Unrelated, Are Easily Overlooked 遠離的元素顯得無關且易被忽視
皮划艇應用中，跳過連結在左上角遠離主要內容，容易被忽視而誤認為必須登入。
Hulu在蘋果電視上的詳情提示位於螢幕右下角，遠離下一集資訊，在大螢幕上容易被使用者忽略。Proximity May Shift in Responsive Designs 響應式設計中元素的距離可能會改變
在電腦螢幕上，倫敦交通局把兩個低排放區的資訊放在一起顯示。但在手機上檢視時，因為頁面自動調整，這兩塊資訊就被分開了，中間隔著很遠的距離。